<template>
  <v-card hover>
    <v-img
      src="https://cdn.vuetifyjs.com/images/lists/ali.png"
      height="300px"
    >
      <v-layout
        column
        fill-height
      >
        <v-card-title>
          <!--<v-btn dark icon>
            <v-icon>chevron_left</v-icon>
          </v-btn>

          <v-spacer />

          <v-btn dark icon class="mr-3">
            <v-icon>edit</v-icon>
          </v-btn>

          <v-btn dark icon>
            <v-icon>more_vert</v-icon>
          </v-btn>-->
        </v-card-title>

        <v-spacer/>

        <v-card-title class="white--text pl-5 pt-5">
          <div class="display-1 pl-5 pt-5">
            Shan Junpeng
          </div>
        </v-card-title>
      </v-layout>
    </v-img>
    <v-card-title>
      {{p}}
    </v-card-title>
    <v-list two-line>
      <v-list-tile @click="">
        <v-list-tile-action>
          <v-icon color="primary">
            mail
          </v-icon>
        </v-list-tile-action>

        <v-list-tile-content>
          <v-list-tile-title>{{email}}</v-list-tile-title>
          <v-list-tile-sub-title>Personal</v-list-tile-sub-title>
        </v-list-tile-content>
      </v-list-tile>

      <v-divider inset/>

      <v-list-tile @click="">
        <v-list-tile-action>
          <v-icon color="primary">
            location_on
          </v-icon>
        </v-list-tile-action>

        <v-list-tile-content>
          <v-list-tile-title>合肥 蜀山区</v-list-tile-title>
          <v-list-tile-sub-title>安徽</v-list-tile-sub-title>
        </v-list-tile-content>
      </v-list-tile>

      <v-divider inset/>

      <v-list-tile @click="">
        <v-list-tile-action>
          <v-icon color="primary">
            person
          </v-icon>
        </v-list-tile-action>

        <v-list-tile-content>
          <v-list-tile-title>1990 处女座</v-list-tile-title>
          <v-list-tile-sub-title>男 java开发</v-list-tile-sub-title>
        </v-list-tile-content>
      </v-list-tile>

    </v-list>
  </v-card>
</template>
<script type="text/ecmascript-6">
  export default {
    data() {
      return {
        p: '世界上一成不变的东西，只有“任何事物都是在不断变化的”这条真理',
        email: '523386104@qq.com'
      }
    }
  }
</script>
